 /* 头部---全部商品 */

 .navitems {
     height: 45px;
     line-height: 45px;
     margin-top: 105px;
     /* background-color: pink; */
     font-size: 16px;
 }
 .navitems li:hover {
    color: #b1191a;
 }
 .navitems .item_one {
     width: 365px;
     color: #000;
     height: 45px;
     font-weight: bold;
 }

 .navitems .item_one li {
     float: left;
     margin: 0 28px;
     cursor: pointer;
 }

 .navitems .item_two {
     margin-left: 28px;
     color: #666;
     font-size: 14px;
 }

 .navitems .item_two li {
     float: left;
     margin-right: 44px;
     cursor: pointer;
 }
/* 被选中的颜色 */
 .currentcolor {
     color: #b1191a;
 }

 /* 内容区域，手机的列表 */

 .content {
     padding-bottom: 80px;
 }

 .content .colunm {
     margin-bottom: 15px;
 }

 .itemlist {
     overflow: hidden;
 }

 .itemlist>ul {
     width: 1212px;
 }

 .itemlist .item {
     position: relative;
     float: left;
     width: 290px;
     height: 458px;
     margin: 12px 13px 0 0;
     border: 1px solid transparent;
     box-sizing: border-box;
     /* box-shadow: 0 0 2px #ccc; */
     cursor: pointer;
 }
 /* 商品遮罩层 */
 .itemlist .item::before{
    content: "";
    position: absolute;
    display: none;
    width: 100%;
    height: 408px;
    top: 0;
    left: 0;
    background:rgba(0, 0, 0, .1);
 }
 /* 手指挪上item的hover事件 */
 .itemlist .item:hover {
     border: 1px solid #ccc;
     box-shadow: 0 0 2px #ccc;
 }
 .itemlist .item:hover::before{
     display: block;
 }
 .itemlist .item .productimg {
     position: relative;
     width: 100%;
     height: 290px;
     margin-bottom: 7px;
     z-index: 999;
 }

 .itemlist .item .productimg img {
     width: 100%;
 }

 .itemlist .item .msg {
     height: 36px;
     overflow: hidden;
     text-overflow: ellipsis;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
     display: -webkit-box;
     margin: 0 0 14px 14px;
     line-height: 18px;
     font-size: 14px;
     color: #666;
 }

 .price {
     margin-left: 14px;
     color: #a4a4a4;
     font-size: 14px;
     text-align: left;
 }

 .price strong {
     color: #e60012;
     font-size: 22px;
     margin-right: 10px;
 }

 .salesvolume {
     margin-left: 14px;
     height: 40px;
     line-height: 40px;
     font-size: 14px;
     color: #666;
 }

 .salesvolume>div {
     float: left;
 }

 .salesvolume .leng {
     position: relative;
     overflow: hidden;
     width: 132px;
     height: 12px;
     border: 1px solid #e12228;
     border-radius: 6px;
     margin: 13px 10px;
 }

 .salesvolume .leng .schedule {
     position: absolute;
     top: 0;
     left: 0;
     /* width: 50%; */
     height: 100%;
     border-radius: 12px;
     
     background-color: #ed282e;
     /* animation: scheduleWidth 3s ease-in; */
 }
 @keyframes scheduleWidth{
    0%{
        transform: translateX(-100%);
    }
    100%{
        transform: translateX(0);
    }
 }

 .salesvolume .surplus>i {
     font-size: 16px;
     color: #e12228;
 }

 .buybtn {
     position: absolute;
     bottom: 0;
     left: 0;
     width: 100%;
     height: 50px;
     line-height: 50px;
     text-align: center;
     color: #fff;
     font-size: 20px;
     background-color: #b1191a;
 }

 